<template>
  <div class="container">
    <div class="main">
      <div class="main_content">
        <div class="main_header">
          <div class="main_header_title">总览</div>
          <div class="parts">
            <div class="part">
              <div class="part_num red">0</div>
              <div class="part_desc">描述信息</div>
            </div>
            <div class="part">
              <div class="part_num yellow">0</div>
              <div class="part_desc">描述信息</div>
            </div>
            <div class="part">
              <div class="part_num green">0</div>
              <div class="part_desc">描述信息</div>
            </div>
          </div>
        </div>
        <div class="main_content_title">人员名单</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>
<style  lang='less' scoped>
.red {
  color: #e04f1a;
}
.yellow {
  color: #ffb119;
}
.green {
  color: #82b54b;
}
.container {
  box-sizing: border-box;
  display: flex;
  background-color: #f0f3f8;
  padding: 15px 25px;
  .main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-items: center;
    background-color: #eef1f2;
    .main_content {
      padding: 20px;
      padding-top: 20px;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      .main_header {
        margin-bottom: 25px;
        .parts {
          width: 100%;
          display: flex;
          justify-content: space-between;
          .part {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 380px;
            height: 150px;
            background-color: #fff;
            .part_num {
              font-size: 30px;
              font-weight: 550;
            }
            .part_desc {
              font-size: 18px;
              font-weight: 550;
              color: #6c757d;
            }
          }
        }

        .main_table {
          margin-top: 50px;
        }
        .main_header_title {
          font-size: 38px;
          font-weight: 55;
        }
      }
      .main_content_title {
        font-size: 38px;
        font-weight: 55;
      }
    }
  }
}
</style>